<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" xml:lang="<?php echo $lang; ?>">
<head>
	<title><?php echo $title; ?></title>
	<base href="<?php echo $base; ?>" />
	<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.6.1.min.js"></script>
	<script type="text/javascript" src="catalog/view/javascript/jquery/superfish/js/superfish.js"></script>
	<link type="text/css" href="catalog/view/javascript/jquery/superfish/css/superfish.css" rel="stylesheet" media="screen" />
	<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $template; ?>/stylesheet/stylesheet.css" />
	<script type="text/javascript">
	$(function() {
	
		$('ul.sf-menu').superfish();
	
	});
	</script>
</head>
<body>

<div id="menu">
	<ul class="sf-menu">
		<li class="current">
			<a href="#a">menu item &#8595;</a>

			<ul>
				<li>
					<a href="#aa">menu item that is quite long</a>
				</li>
				<li class="current">
					<a href="#ab">menu item &#8594;</a>
					<ul>
						<li class="current"><a href="#">menu item</a></li>

						<li><a href="#aba">menu item</a></li>
						<li><a href="#abb">menu item</a></li>
						<li><a href="#abc">menu item</a></li>
						<li><a href="#abd">menu item</a></li>
					</ul>
				</li>
				<li>

					<a href="#">menu item &#8594;</a>
					<ul>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>

						<li><a href="#">menu item</a></li>
					</ul>
				</li>
				<li>
					<a href="#">menu item &#8594;</a>
					<ul>
						<li><a href="#">menu item</a></li>

						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
					</ul>
				</li>
			</ul>

		</li>
		<li>
			<a href="#">menu item</a>
		</li>
		<li>
			<a href="#">menu item &#8595;</a>
			<ul>
				<li>

					<a href="#">menu item &#8594;</a>
					<ul>
						<li><a href="#">short</a></li>
						<li><a href="#">short</a></li>
						<li><a href="#">short</a></li>
						<li><a href="#">short</a></li>

						<li><a href="#">short</a></li>
					</ul>
				</li>
				<li>
					<a href="#">menu item &#8594;</a>
					<ul>
						<li><a href="#">menu item</a></li>

						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
					</ul>
				</li>
				<li>

					<a href="#">menu item &#8594;</a>
					<ul>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>

						<li><a href="#">menu item</a></li>
					</ul>
				</li>
				<li>
					<a href="#">menu item &#8594;</a>
					<ul>
						<li><a href="#">menu item</a></li>

						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
					</ul>
				</li>
				<li>

					<a href="#">menu item &#8594;</a>
					<ul>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>
						<li><a href="#">menu item</a></li>

						<li><a href="#">menu item</a></li>
					</ul>
				</li>
			</ul>
		</li>
		<li>
			<a href="#">menu item</a>
		</li>	
	</ul>

</div>

</body>
</html>